<template>
	<view>
		<cu-custom bgColor="bg-gradual-blue" :isBack="true"><block slot="content">赞赏支持</block></cu-custom>
		<view class="margin bg-white padding radius shadow-lg">
			<view class="text-center margin-bottom text-lg  text-grey">喜欢就赞赏下呗~</view>
			<view class="text-content"><image :src="imgUrl" @tap="previewImg" :data-imgurl="imgUrl" mode="scaleToFill" lazy-load="true"></image></view>
		</view>
		<view class="cu-bar bg-white solids-top margin-top-xs cu-solid-bottom">
			<view class="action">
				<text class="cuIcon-evaluate_fill text-red"></text>
				赞赏名单~
			</view>
		</view>
		<view class="cu-card article no-card bg-white padding radius shadow-lg cu-paddingt0">
			<view class="text-center margin-bottom text-lg  text-black"></view>
			<view class="text-content">1. 待添加</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			title: '',
			content: '',
			imgUrl: 'http://qiniu.chiyuba.com/1191204793.jpg'
		};
	},
	onLoad(e) {
		this.title = e.title;
		this.content = e.content;

		uni.setNavigationBarTitle({
			title: this.title
		});
	},
	methods: {
		previewImg(e) {
			let imgurl = e.currentTarget.dataset.imgurl;
			let imgArr = [];
			imgArr[0] = imgurl;
			uni.previewImage({
				current: 0,
				urls: imgArr
			});
		}
	}
};
</script>

<style>
.cu-paddingt0 {
	padding-top: 0;
}
.cu-solid-bottom {
	border-bottom: 1px solid #eeeeee;
}
</style>
